<template>
    <div class="bor">
        <h1>我是bor页面</h1>
        <!-- <h2>{{aa}}-{{bb}}-{{cc}}</h2> -->
        <button @click="send">触发父组件的自定义事件</button>
        <button @click="addSend">触发父组件中的自定义事件add</button>
    </div>
</template>
<script>

export default {
    // props:['aa','bb','cc'],
    data() {
        return {
            obj:{
                name:'张小三',
                sex:'男'
            }
        }
    },
    created() {
        // console.log(this);
        console.log(this.$attrs) ///this.$attrs获取的是父组件的子标签上所有的自定义属性 他是一个对象，不包含class和style
        console.log(this.$listeners);
    },
    methods: {
        send(){
            this.$listeners.def(this.obj)
        },
        addSend(){
            this.$listeners.add()
        }
    },
}
</script>
